.box {
     width: 100px;
     height: 100px;
     margin: 10px;
     text-align: center;
     line-height: 100px;
     background-color: greenyellow;
 }


/*.box2{
     position: absolute;
    top:-10px;
    left: 160px;
}
.box3{
      position: absolute;
      left: 70px;
      top:50px
}

.box4{
      position: absolute;
    left: 160px;
}*/


.box2{
     position: relative;
     left: 170px;
     top:-110px;
}

.box3{
     position: relative;
     left: 70px;
     top:-150px;
     z-index:100;
}

.box4{
    position: relative;
    top:-190px;
}

.box5{
    position: relative;
    left: 130px;
    top:-300px;
    background-color: antiquewhite;
}

.parent{
    position: relative;
    top: 10px;

}

.left{
    float: left;
}

.right{
    float: right;
}

.clear-fix{
    clear: both;/*left/right*/
}

.container{
    width: 360px;
}

#login{ /*一般不用id选择器修饰样式；*/
    color: red;
}

/*
div{
    width: 100px;
    height: 100px;
    background-color: greenyellow !important;!*!important提升优先级*!
}*/
